.message {
  position: relative;
  padding: 9px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 9px;
  background-color: #ccc;
  clear: both;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#f3f3f3, #cccccc);
  background-image: -moz-linear-gradient(#f3f3f3, #cccccc);
  background-image: -o-linear-gradient(#f3f3f3, #cccccc);
  background-image: -ms-linear-gradient(#f3f3f3, #cccccc);
  background-image: linear-gradient(#f3f3f3, #cccccc);
  -moz-box-shadow: rgba(255, 255, 255, 0.5) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 0 0 1px inset;
  -o-box-shadow: rgba(255, 255, 255, 0.5) 0 0 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.5) 0 0 0 1px inset;
  color: #222;
  border: 1px solid #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.message a {
  color: #f3f3f3;
  text-decoration: underline;
}
.message a:hover, .message a:focus {
  text-decoration: none;
}
.message p {
  margin-bottom: 0;
  margin-top: 0;
}
.message.warning {
  background-color: #c28b37;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaad57), color-stop(100%, #c28b37));
  background-image: -webkit-linear-gradient(#eaad57, #c28b37);
  background-image: -moz-linear-gradient(#eaad57, #c28b37);
  background-image: -o-linear-gradient(#eaad57, #c28b37);
  background-image: -ms-linear-gradient(#eaad57, #c28b37);
  background-image: linear-gradient(#eaad57, #c28b37);
  color: #f3f3f3;
}
.message.error {
  background-color: #ba3832;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e15552), color-stop(100%, #ba3832));
  background-image: -webkit-linear-gradient(#e15552, #ba3832);
  background-image: -moz-linear-gradient(#e15552, #ba3832);
  background-image: -o-linear-gradient(#e15552, #ba3832);
  background-image: -ms-linear-gradient(#e15552, #ba3832);
  background-image: linear-gradient(#e15552, #ba3832);
  color: #f3f3f3;
}
.message.status {
  background-color: #438f45;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46ac48), color-stop(100%, #438f45));
  background-image: -webkit-linear-gradient(#46ac48, #438f45);
  background-image: -moz-linear-gradient(#46ac48, #438f45);
  background-image: -o-linear-gradient(#46ac48, #438f45);
  background-image: -ms-linear-gradient(#46ac48, #438f45);
  background-image: linear-gradient(#46ac48, #438f45);
  color: #f3f3f3;
}
.message.info {
  background-color: #3482ba;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5ba5de), color-stop(100%, #3482ba));
  background-image: -webkit-linear-gradient(#5ba5de, #3482ba);
  background-image: -moz-linear-gradient(#5ba5de, #3482ba);
  background-image: -o-linear-gradient(#5ba5de, #3482ba);
  background-image: -ms-linear-gradient(#5ba5de, #3482ba);
  background-image: linear-gradient(#5ba5de, #3482ba);
  color: #f3f3f3;
}
.message .krumo-root,
.message pre {
  color: #444;
}
.message .close {
  cursor: pointer;
  font-family: arial,verdana,sans;
  position: absolute;
  top: 0;
  right: 3px;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  color: #222;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
